<script src="vue.js"></script>

<div id="app" > 
    <div v-mydirective>这个我的插件样式</div> 
</div>

<script> 
    // 自定义插件 
    let MyPlic={}

    // 编写插件当中的内容 
     MyPlic.install = function(Vue,Options){ 

        console.log(Options); 
        //将插件中的vue添加自动指令 
        Vue.directive('mydirective',{ 
            bind(el,bingding){ 
                el.style='background-color:#ccc;width:220px;height:100px;'; 
            }
        })
    }; 

    Vue.use(MyPlic,{someOption: true}) 
     // 实例vue对象 
    var ve=new Vue({ 
        el:'#app'
    }); 
 </script>